<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tailwind CSS 布局集合</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<!-- Flexbox 弹性布局 -->
<body class="min-h-screen overflow-hidden">
<div class="h-1/2 flex justify-center items-center bg-blue-500">
    666
</div>

<div class="h-1/2 flex justify-center items-center bg-blue-500">
    666
</div>
</body>
</html>